<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../css/style.css" media="all">
    <link rel="stylesheet" type="text/css" href="../css/common.css" media="all">
    <link rel="stylesheet" type="text/css" href="../css/007-icons.css" media="all">

    <style type="text/css">
        .dot-news{}
        .dot-news .date{
            float: right;
        }
        .dot-news li{
            line-height: 22px;
        }
        .dot-news a{
            display: inline-block;
            margin-left: 5px;
            vertical-align: middle;
        }

    </style>
</head>
<body>
    <div class="wrap2 m10a tsG">
        <div class="p10">
            <h2 class="title">核心：icons</h2>
            <span class="description">
                优点是，结合了icons里的图标，公用性强 <br>
                缺点是，每个li前面加一个dom，不节省资源。
            </span>
            <ul class="dot-news">
                <li><span class="date">2013-03-21</span><i class="icon-u01"></i><a href="#">网页制作poluoluo文章简介</a></li>
                <li><span class="date">2013-03-21</span><i class="icon-u01"></i><a href="#">css实现圆角的思路,就是通过用1px 的水平线条来堆叠出圆角</a></li>
                <li><span class="date">2013-03-21</span><i class="icon-u02"></i><a href="#">网页制作poluoluo文章简介</a></li>
                <li><span class="date">2013-03-21</span><i class="icon-u01"></i><a href="#">css实现圆角的思路,就是通过用1px 的水平线条来堆叠出圆角</a></li>
                <li><span class="date">2013-03-21</span><i class="icon-u01"></i><a href="#">网页制作poluoluo文章简介</a></li>
                <li><span class="date">2013-03-21</span><i class="icon-u00"></i><a href="#">css实现圆角的思路,就是通过用1px 的水平线条来堆叠出圆角</a></li>
                <li><span class="date">2013-03-21</span><i class="icon-u00"></i><a href="#">网页制作poluoluo文章简介</a></li>
                <li><span class="date">2013-03-21</span><i class="icon-u02"></i><a href="#">css实现圆角的思路,就是通过用1px 的水平线条来堆叠出圆角</a></li>
                <li><span class="date">2013-03-21</span><i class="icon-u00"></i><a href="#">网页制作poluoluo文章简介</a></li>
                <li><span class="date">2013-03-21</span><i class="icon-u03"></i><a href="#">css实现圆角的思路,就是通过用1px 的水平线条来堆叠出圆角</a></li>
            </ul>

        </div>
    </div>
</body>
</html>